<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>综合网站</title>
    <meta name="keywords" content="个人博客，视频网站，博客网站，论坛网站"/>
    <meta name="description" content="视频网站，博客网站，论坛网站"/>
    <link th:href="@{/css/base.css}" rel="stylesheet">
    <link th:href="@{/css/index.css}" rel="stylesheet">
    <script th:src="@{/js/modernizr.js}" type="text/javascript"></script>
    <script th:src="@{/js/scrollReveal.js}" type="text/javascript"></script>
</head>
<body>
<div th:include="header"></div>
<article>
    <div class="container">
        <ul class="cbp_tmtimeline">
            <li th:each="o:${list}">
                <time class="cbp_tmtime"><span th:text="${#dates.format(o.getCreateDate(), 'yyyy-MM-dd HH:mm:ss')}"></span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2 th:text="${o.getArticleName()}"></h2>
                    <p th:text="${#strings.abbreviate(o.getArticleContent(),80)}">
                        <span class="blogpic"><a href="/">
                        <img th:src="@{/images/t03.jpg}"></a>
                        </span>
                        <span th:text="${o.getId()}"></span>
                    </p>
                    <a th:href="@{'/detail/'+${o.getId()}}" target="_self" class="readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
        </ul>
    </div>
</article>
<footer>
    Design by DanceSmile <a href="/">蜀ICP备11002373号-1</a>
</footer>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        (function () {
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    }
    ;
</script>
</body>
</html>
